<ion-view view-title="找到我们" class="findus">
	<!--一定要手动加导航栏-->
	<ion-nav-bar>
		<ion-nav-back-button>
		</ion-nav-back-button>
	</ion-nav-bar>

	<!-- 侧边菜单 -->
	<ion-side-menus>
		<!-- 中间内容 -->
		<ion-side-menu-content>
			<ion-content scroll="false">
				<!--描述：地图显示-->
				<div class="amap">
					<div class="shuaxuan" on-tap="rightSideMenu()">筛选</div>
					<div id="container_{{data.container_stamp}}" class='container'></div>
				</div>
			</ion-content>
			<!--描述：滑动块-->
			<ion-content style="margin-top: 10.0rem;">
				<!--描述：下拉刷新-->
				<ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"></ion-refresher>
				<!--描述：定位信息-->
				<div class="near positive">
					<div class="title">【定位】</div>
					<div class="address">{{data.location_rs.address}}</div>
					<!--<div class="reflush assertive" on-tap="doLocation()">附近</div>-->
				</div>
				<!--描述：列表-->
				<div class="list nears">
					<a on-tap="goto_store(x.store_id)" ng-repeat="x in data.store_list">
					<div class="item">
						<div class="mark">{{$index+1}}</div>
						<div class="left">
							<div class="title item-text-wrap">{{x.store_name}}</div>
							<div class="miter item-text-wrap">{{x.company_area_text}} {{x.company_addr}}</div>
							<div class="miter">电话:{{x.contact_mobile}}</div>
						</div>
						<div class="right">
							<div class="miter">{{x.issue_type_text}}</div>
							<div class="miter" ng-if='x.distance != null'>{{x.distance_show}}公里</div>
						</div>
					</div>
					</a>
				</div>
				<!--描述：当用户到达页脚或页脚附近时-->
				<ion-infinite-scroll ng-if="!isLoad" immediate-check="false" on-infinite="doRefreshMore()" distance="1%"></ion-infinite-scroll>
			</ion-content>
		</ion-side-menu-content>

		<!-- 右侧菜单 -->
		<ion-side-menu side="right">
			<!-- 搜索条件 -->
			<ion-content>
				<div class="list" style="margin-top: 8px;padding: 0.5rem;">
					<div class="item padding-5">
						<div class="row">
							<span class="col">名称</span>
							<input type=text class="col col-80" style='border: 1px solid rgb(169, 169, 169);padding-left:5px;' ng-model="data.store_name">
						</div>
					</div>

					<!-- 会员分布时，显示该条件 -->
					<div class="item padding-5" ng-if='!data.isMemberMap'>
						<div class="row">
							<span class="col">品牌</span>
							<input type=text class="col col-80" style='border: 1px solid rgb(169, 169, 169);padding-left:5px;' ng-model="data.brand">
						</div>
					</div>
					<div class="item item-input item-select" data-tap-disabled="true" style="font-size:16px;padding:0 30px 0 10px;">
							<div class="col">分类</div>
							<div class="input-value" ng-click="doSelectValue1()">{{data.store_cat.cats[0].value1_select.text}}</div>
						</div>
						<div class="item item-input item-select" ng-show="data.store_cat.cats[0].value1 != ''" data-tap-disabled="true" style="font-size:16px;padding:0 30px 0 10px;">
							<div class="col"></div>
							<div class="input-value" ng-click="doSelectValue2()">{{data.store_cat.cats[0].value2_select.text}}</div>
						</div>
						<div class="item item-input item-select" ng-show="data.store_cat.cats[0].value2 != ''" data-tap-disabled="true" style="font-size:16px;padding:0 30px 0 10px;">
							<div class="col"></div>
							<div class="input-value" ng-click="doSelectValue3()">{{data.store_cat.cats[0].value3_select.text}}</div>
						</div>
				</div>

				<div class="list" style="margin-top: 8px;padding: 0.5rem;" >
					<!-- 店铺用户,显示该条件 -->
					<div class="item item-input item-select" data-tap-disabled="true" style="font-size:16px;padding:0 30px 0 10px;">
							<div class="col">类型</div>
							<div class="input-value" ng-click="doSelectType()">{{data.store_issue_select.name}}</div>
						</div>
						<div class="item item-input item-select" ng-if='!data.isMemberMap || (!data.isClient || !data.isLogin)' data-tap-disabled="true" style="font-size:16px;padding:0 30px 0 10px;">
								<div class="col">地域</div>
								<div class="input-value" ng-click="doSelectProvince()">{{data.store_region.data.value1_select.text}}</div>
							</div>
							<div class="item item-input item-select" ng-if='!data.isMemberMap' ng-hide="data.store_region.data.value1 == ''" data-tap-disabled="true" style="font-size:16px;padding:0 30px 0 10px;">
								<div class="col"></div>
								<div class="input-value" ng-click="doSelectCity()">{{data.store_region.data.value2_select.text}}</div>
							</div>
							<div class="item item-input item-select" ng-if='!data.isMemberMap' ng-hide="data.store_region.data.value2 == ''" data-tap-disabled="true" style="font-size:16px;padding:0 30px 0 10px;">
								<div class="col"></div>
								<div class="input-value" ng-click="doSelectDistrict()">{{data.store_region.data.value3_select.text}}</div>
							</div>
				</div>

				<div class="row">
					<div class="col"><button class="button button-full button-energized" on-tap="doCancel()">取消</button></div>
					<div class="col"><button class="button button-full button-assertive" on-tap="doSearch()">确定</button></div>
				</div>
			</ion-content>
		</ion-side-menu>
	</ion-side-menus>
</ion-view>